Редактирование HTML кода
<div class="box"> <div><a href="#">Первый блок</a></div> <div><a href="#">Второй блок</a></div> <div class="active"><a href="#">Третий блок</a></div> <div><a href="#">четвертый блок</a></div> <div><a href="#">Пятый блок</a></div> </div>
Редактирование CSS
.box { display: flex; flex-wrap: wrap; flex-direction: row; } .active { order: -1; flex: 1 0 100%; }
Результат отображения браузером
1
2
3
4
5